<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>New Group Chat</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
<link rel="stylesheet" type="text/css" href="../../css/user-card.css" />
<link rel="stylesheet" type="text/css" href="../../css/avatars.css" />
<link rel="stylesheet" type="text/css" href="../../css/icons.css" />
<link rel="stylesheet" type="text/css" href="../../css/buttons.css" />
<link rel="stylesheet" type="text/css" href="../../css/dropdowns.css" />
 <link rel="stylesheet" type="text/css" href="../../css/dialogs.css" />
<link rel="stylesheet" type="text/css" href="../../css/popups.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-messages.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-share-links.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-textarea.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-typing.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-left-pane.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-feedback.css" />
<link rel="stylesheet" type="text/css" href="../../css/chat-common.css" />
<link rel="stylesheet" type="text/css" href="../../css/retina-images.css" />
</head>

<body>

<div class="fm-dialog new-group-chat contrast small-footer">

    <div class="fm-dialog-close"></div>
    <div class="fm-dialog-title">New Group Chat</div>
    <!-- Please add "top-pad" class if Selected contacts block is missing!-->
    <div class="fm-dialog-content">
        <div class="undefined ">
            <div class="horizontal-contacts-list">
                <div class="contacts-list-empty-txt">Select one or more participants below</div>
            </div>
            <div class="contacts-search-header left-aligned">
                <i class="small-icon thin-search-icon"></i>
                <input type="search" placeholder="Search" value="">
                <div class="search-result-clear" style="display:none;"></div>
            </div>
            <div class="contacts-list-header">Contacts</div>
            <div class="contacts-search-scroll">
                <div class="contacts-search-list">
                    <div class="contacts-info body  contacts-search short">
                        <div class="avatar-wrapper small-rounded-avatar chat-avatar color9">
                            <span>B</span>
                        </div>
                        <div class="user-card-tick-wrap">
                            <i class="small-icon mid-green-tick"></i>
                        </div>
                        <div class="user-card-data">
                            <div class="user-card-name light">Bram van der Kolk</div>
                            <div class="user-card-status">
                                <div class="user-card-presence black"></div>
                                <span>Offline</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fm-dialog-footer white">
        <a href="javascript:;" class="link-button lato right">
            <span>Next</span>
            <i class="small-icon grey-right-arrow"></i>
        </a>
        <a href="javascript:;" class="link-button lato left">Cancel</a>
        <div class="clear"></div>
    </div>

</div>
                            
    
    
</body>
</html>